'use strict';
import React, {Component} from 'react';

import {
    View,
    Image,
    ImageBackground,
    Dimensions,
    TouchableWithoutFeedback,
    StyleSheet,
    Text,
    TouchableOpacity,
    TextInput,
    ScrollView,
    TouchableHighlight,
    TouchableNativeFeedback,
    Switch,
    StatusBar,
} from 'react-native';


import {connect} from 'react-redux';
import Util from '../../../../core/utils/util';
import UserInfoBar from '../../../../core/component-biz/comp.user-info-bar';
import IconButton from '../../../../core/component/comp.icon-button';
import GridView from '../../../../core/component/comp.grid-view';
import ImageButton from "../../../../core/component/comp.image-button";
import PhotoInfoItem from "../../../../core/component-biz/comp.photo-info-panel";
import WinPanel from "../../../../core/component/comp.win-panel";
import WinPanelRow from "../../../../core/component/comp.win-panel-row";
import Color from "../../../../core/constant/color";
import {userActions} from '../../../../actions/index'

class MineSkillRenZhengScene extends React.Component {
    static navigationOptions = ({navigation, screenProps}) => ({
        title: navigation.state.params.title,
        headerTintColor: "white",
        tabBarVisible: false,
        headerStyle: {
            backgroundColor: Color.PRIMARY_COLOR,
            elevation: null
        },
    });

    constructor(props) {
        super(props);
        this.state = {}
    }

    componentDidMount() {

    }

    render() {
        return (
            <View style={styles.container}>
                <ScrollView style={styles.scrollView}>

                </ScrollView>
            </View>
        )
    }
}


const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#EBEBEB',
    },
    scrollView: {},

    winPanel:{
        marginTop:8,
        backgroundColor:'white',
    },
    winPanelTitle:{
        flexDirection:'row',
        height:40,
        alignItems:'center',
    },
    winPanelTitleLeft:{
        color:"#A0A0A0",
        flex:1,
        fontSize:16,
        textAlign:'left',
        paddingLeft:10,
    },
    winPanelTitleRight:{
        color:"#A0A0A0",
        flex:1,
        fontSize:14,
        textAlign:'right',
        paddingRight:10,
    },
    winPanelBody:{
        height:70,
        alignItems:'center',
        justifyContent:'center',
    },
    winPanelBodyCount:{
        fontSize:22,
    },
    winPanelBottom:{
        borderTopWidth:Util.getRealPixel(1),
        borderColor:'#F2F2F2',
        flexDirection:'row',
    },
    winPanelBottomSplit:{
        width:1,
        height:30,
        backgroundColor:'#F2F2F2',
    },
    winPanelBtnText:{
        color:"#A0A0A0",
        fontSize:14,
        marginLeft:4,
    },
    winPanelBtn:{
        flex:1,
        backgroundColor:'transparent',
    },
    winPanelBottomRight:{
        flex:1,
        backgroundColor:'transparent',
    },
});

export default connect((state, props) => {
    console.log('--------->searchService', state)
    return ({
        userSkillDetails: state.user.userSkillDetails,
    });
})(MineSkillRenZhengScene);